body {
    margin: 0;
}

#main {
    box-sizing: border-box;
    width: 100%;
    max-width: 1000px;
    /* height: 100%; */
    margin: 0 auto;
    padding: 20px;
    overflow: auto;
}


#main .content {
    width: 100%;
    padding-bottom:50px;
}

@media screen and (max-width: 767px) {
    #main {
        padding: 10px;
    }
}

/* region 功能类名 [start] */
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.hidden {
    display: none!important;
}
/* endregion 功能类名 [end] */

/*
屏幕适配：
屏幕宽度 < 576px --> 手机
屏幕宽度 < 768px --> 平板
屏幕宽度 >= 768px --> 电脑

当屏幕宽度<300px时将无法正常显示！
*/
.AIButton{
  position: relative;
}
.AIButton .spinner-grow{
  height: 10px;
  width: 10px;
  position: absolute;
  top:-5px;
  right: -5px;
}
.AIButton span.red{
  background: red;
}
.AIButton span.yellow{
  background: yellow;
}
.AIButton span.no{
  display: none;
  background: none;
}
#main .content .head .doctor-info .id .name,
#main .content .head .patient-info .id .name {
    margin-top: 5px;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
}